<div class="field-wrapper">
  <div class="box-shadow" #container>
    <div class="top-bar" *ngIf="packageList && packageList.length">
      <div class="file-name-title">分包数量</div>
      <div class="tab-panel-c">
        <div [zeprideAuthority]="zeprideAuthorityData" class="tab-item " (click)="pkgSelect(item)" [ngClass]="{selected: item.selected}"
          *ngFor="let item of packageList; let index = index">
          第{{index+1}}包
        </div>
      </div>
    </div>
    <nz-divider style="margin: 0px;" *ngIf="packageList && packageList.length"></nz-divider>
    <div class="top-bar">
      <div class="file-name-title">文件名称</div>
      <div class="tab-panel">
        <div [zeprideAuthority]="zeprideAuthorityData" class="tab-item" [ngClass]="{selected: item.selected}" (click)="tabClick(item)"
          *ngFor="let item of fields">
          {{item.tabName}}
        </div>
      </div>
      <div class="spacer"></div>
      <a [zeprideAuthority]="zeprideAuthorityData" nz-button nzType="link" (click)="downloadFile()" class="op-btn">
        <i class="iconfont icon-download-2-line"></i>
      </a>
      <a [zeprideAuthority]="zeprideAuthorityData" nz-button nzType="link" (click)="fullScreen()" class="op-btn">
        <i class="iconfont icon-fullscreen-line"></i>
      </a>
    </div>
    <div class="content">
      <iframe #contentFrame style="width: 100%; min-height: 800px; height: 100%;"></iframe>
    </div>
  </div>
</div>
